<div class="content">
    <div class="form-row row-fluid" id="div_form_bon_commande">
        {% include "GdsAchatBundle::BonCommande/form_bon_commande.html.twig" %}

        </div>

    </div>
    <script type="text/javascript">
        Array.prototype.remove = function(v) {
            this.splice(this.indexOf(v) == -1 ? this.length : this.indexOf(v), 1);
        }
        $(document).ready(function() {
            articles = new Array();
            $('#start').show()
            $('#now').val('{{time}}')
            $('#heure').val('{{heure}}')
            $('#start').click(function() {
                $(this).hide()
                $('#prev').show()
                timerId = setInterval(time, 1000);
            })
            $('#prev').click(function() {
                $(this).hide()
                $('#start').show()
                clearInterval(timerId);
                $('#now').val('{{time}}')
                $('#heure').val('{{heure}}')
            })
            $('#retour2').click(function() {
                clearInterval(timerId);
            })
            $('#submit_form_bon_commande_fournisseur').click(function() {
                if ($('#submit_form_bon_commande_fournisseur').val() != 'Duppliquer') {
                    $('#gds_achatbundle_boncommandefournisseurtype_reference').focus()
                    if ($('#form_bon_commande_fournisseur').valid()) {
                        $.ajax({
                            url: '{{path("gds_bon_commande_fournisseur_edit")}}',
                            type: "POST",
                            datatype: 'json',
                            data: $('#form_bon_commande_fournisseur').serialize() + '&articles={"articles":' + JSON.stringify(articles) + '}&heure=' + $('#heure').val() + '&id=' + '{{id}}',
                            success: function(data) {
                                if (data.success) {
                                    $.msgBox({
                                        title: "Bon de Commande",
                                        content: "Enregistrement Effectué avec succés",
                                        type: "info",
                                        buttons: [{value: "OK"}],
                                        success: function(result) {
                                            location.reload();
                                        }
                                    });
                                } else {
                                    alert('exception')
                                }

                            },
                            error: function(e) {
                                $.msgBox({
                                    title: "Bon de Commande",
                                    content: "Erreur D'enregistrement",
                                    type: "error",
                                    buttons: [{value: "OK"}],
                                    success: function(result) {

                                    }
                                });
                            }
                        })
                    }
                }
            })
            $('#gds_achatbundle_boncommandefournisseurtype_date').datepicker();
            $('#form_bon_commande_fournisseur').validate();
            $container = $('#gds_achatbundle_ligneboncommande');
            index = 0;
            nb_article = 1;
            {% for l,ligne in lignes %}
            add_ligne()
            $('#td_reference_' +{{l}}).html('{{ligne.article.reference}}')
            $('#td_designation_' +{{l}}).html('{{ligne.article.designation}}')
            $('#gds_achatbundle_' +{{l}} + '_quantite').val('{{ligne.quantite}}')
            setQuantite({{l}})
            $('#gds_achatbundle_' +{{l}} + '_article').val('{{ligne.article.id}}')
            var x = new Object();
            x.reference = $('#td_reference_' + {{l}}).html()
            x.designation = $('#td_designation_' + {{l}}).html()
            x.quantite = '{{ligne.quantite}}'
            x.name = x.reference + ' : ' + x.designation
            x.id = '{{ligne.article.id}}'
            articles[{{l}}] = x
            {% endfor %}
        });

        function retourListeDevis2() {
            $.ajax({
                url: "{{ path('gds_liste_bon_commandes_fournisseur') }}",
                data: 'retour=true' + '&numero=' + lf[0] + '&raison_social=' + lf[1] + '&date1=' + lf[2] + '&date2=' + lf[3] + '&heure1=' + lf[4] + '&heure2=' + lf[5]
                        + '&reference=' + lf[6] + '&designation=' + lf[7] + '&is_cloture=' + lf[10],
                success: function(data) {
                    $('#div_liste_bon_commande').replaceWith(data)
                    $('#filtre_numero').val(lf[0])
                    $('#filtre_raison_social').val(lf[1])
                    $('#filtre_date1').val(lf[2])
                    $('#filtre_date2').val(lf[3])
                    $('#filtre_reference').val(lf[6])
                    $('#filtre_designation').val(lf[7])
                }
            })
        }
        </script>

        <input type="hidden" id="heure"/>
        <input type="button" value="article" id="show_article">